<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!--公共样式-->
    <link href="./css/reset.css" rel="stylesheet" type="text/css" />
    <link href="./css/shoppingcart.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <!--导航栏-->
    <div class="nav">
        <div class="container" class="cf">
            <span class="navspan1">乐购www.legou.com</span>
            <div class="navspan2">欢迎光临乐购&nbsp;请 <a id="lu">登录&nbsp;|</a>&nbsp;&nbsp; <a class="deng">注册</a>
            </div>
        </div>

        <!--登录框-->
        <!--logo栏-->
        <div class="container" class="cf">
            <div class="logo">
                <img src="./imgs/0-首页.jpg.png">
                <form class="myform1">
                    <input type="text" placeholder="请输入搜索的商品名" name="cname">
                    <button type="submit"></button>
                </form>
            </div>
        </div>
        <div class="container">
            <ul class="lis1">
                <li>
                    <a style="color: #ffb810;">图书</a>
                    <a>电子书</a>
                    <a>原创文学</a>
                    <a>服装</a>
                    <a>户外运动</a>
                    <a>孕婴童</a>
                    <a>创意文具</a>
                    <a>地方特产</a>
                    <a>海外购</a>
                    <a>电器城</a>
                </li>
            </ul>
        </div>
        <div class="goubut container">
            <a href="#" id="goua2"><img src="./imgs/购物车.png">&nbsp;&nbsp;购物车<span>0</span></a>
            <a href="#" id="goua1">我的订单</a>
        </div>
    </div>
    <div style="height: 30px;width: 100%; background-color: #f4f4f4;margin-top: 110px;"></div>







    <section id="cartbox" class="container" style="text-align: center;">
        <table>
            <thead>
                <tr class="tcenter">
                    <td><input type="checkbox" class="selectall" />全选</td>
                    <td>商品</td>
                    <td>单价</td>
                    <td>数量</td>
                    <td>小计</td>
                    <td>操作</td>
                </tr>
            </thead>
            <tbody>
                <tr class="jiji">
                    <td class="tcenter"><input type="checkbox" class="singlechk" /></td>
                    <td>
                        <img src="./imgs/erji.jpg" alt="" style="width: 100px;" />
                        减噪蓝牙无线耳机(白)
                    </td>
                    <td class="singleprice">41.00</td>
                    <td class="clearfix">
                        <a class="fl reducebtn">-</a>
                        <input type="text" class="num fl" value="1" />
                        <a class="fl addbtn">+</a>
                    </td>

                    <td class="price">199.00</td>
                    <td>
                        <a id="jiji"> 删除</a>
                    </td>
                </tr>
                <tr class="miaomiaomiao">
                    <td class="tcenter"><input type="checkbox" class="singlechk" /></td>
                    <td>
                        <img src="./imgs/erji.jpg" alt="" style="width: 100px;" />
                        减噪蓝牙无线耳机(白)
                    </td>
                    <td class="singleprice">41.00</td>
                    <td class="clearfix">
                        <a class="fl reducebtn">-</a>
                        <input type="text" class="num fl" value="1" />
                        <a class="fl addbtn">+</a>
                    </td>

                    <td class="price">41.00</td>
                    <td>
                        <a id="del"> 删除</a>
                    </td>
                </tr>



                <tr class="jiji">
                    <td class="tcenter"><input type="checkbox" class="singlechk" /></td>
                    <td>
                        <img src="./imgs/erji.jpg" alt="" style="width: 100px;" />
                        减噪蓝牙无线耳机(白)
                    </td>
                    <td class="singleprice">41.00</td>
                    <td class="clearfix">
                        <a class="fl reducebtn">-</a>
                        <input type="text" class="num fl" value="1" />
                        <a class="fl addbtn">+</a>
                    </td>

                    <td class="price">41.00</td>
                    <td>
                        <a id="jiji"> 删除</a>
                    </td>
                </tr>



                <tr class="guagua">
                    <td class="tcenter"><input type="checkbox" class="singlechk" /></td>
                    <td>
                        <img src="./imgs/erji.jpg" alt="" style="width: 100px;" />
                        减噪蓝牙无线耳机(白)
                    </td>
                    <td class="singleprice">41.00</td>
                    <td class="clearfix">
                        <a class="fl reducebtn">-</a>
                        <input type="text" class="num fl" value="1" />
                        <a class="fl addbtn">+</a>
                    </td>

                    <td class="price">41.00</td>
                    <td>
                        <a id="guagua"> 删除</a>
                    </td>
                </tr>
                <tr class="wawa">
                    <td class="tcenter"><input type="checkbox" class="singlechk" /></td>
                    <td>
                        <img src="./imgs/erji.jpg" alt="" style="width: 100px;" />
                        减噪蓝牙无线耳机(白)
                    </td>
                    <td class="singleprice">41.00</td>
                    <td class="clearfix">
                        <a class="fl reducebtn">-</a>
                        <input type="text" class="num fl" value="1" />
                        <a class="fl addbtn">+</a>
                    </td>

                    <td class="price">41.00</td>
                    <td>
                        <a id="wawa"> 删除</a>
                    </td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td class="tcenter"><input type="checkbox" class="selectall" />全选</td>
                    <td>
                        <a></a>
                    </td>
                    <td colspan="2"></td>

                    <td style="color: red;text-align: center;">总价<span id="totalprice">0.00</span></td>
                    <td>
                        <a href="#"> 去结算</a>
                    </td>
                </tr>
            </tfoot>
        </table>
    </section>

    <div class="container" id="kuzi">
        <h4 class="h2">猜你喜欢</h4>
        <img src="./imgs/images/niuzaiku_11.jpg">
        <img src="./imgs/images/niuzaiku_11.jpg">
        <img src="./imgs/images/niuzaiku_11.jpg">
        <img src="./imgs/images/niuzaiku_11.jpg">
        <img src="./imgs/images/niuzaiku_11.jpg">
        <img src="./imgs/images/niuzaiku_11.jpg">
        <a style="margin:8px;">AIVEIEI秋新中长款牛仔裤</a>
        <a style="margin:8px;">AIVEIEI秋新中长款牛仔裤</a>
        <a style="margin:8px;">AIVEIEI秋新中长款牛仔裤</a>
        <a style="margin:8px;">AIVEIEI秋新中长款牛仔裤</a>
        <a style="margin:2px;">AIVEIEI秋新中长款牛仔裤</a>
        <a style="margin:6px;">AIVEIEI秋新中长款牛仔裤</a>
        <a style="color: red;margin: 5px 80px;">$79</a>
        <a style="color: red;margin: 5px 80px;">$79</a>
        <a style="color: red;margin: 5px 80px;">$79</a>
        <a style="color: red;margin: 5px 80px;">$79</a>
        <a style="color: red;margin: 5px 80px;">$79</a>
        <a style="color: red;margin: 5px 80px;">$79</a>
        <!--尾部-->
    </div>
    



    <!--尾部-->
    <div class="container" style="margin-top: 100px;">
        <div class="wei1">
        </div>
    </div>
    <div class="container">
        <div class="axiba">
            <img src="./imgs/wowosss.png" style="width: 1200px;">
            <div id="boxhao">
                <ul>
                    <li style="font-size: 20px;color: black;">新手入门</li>
                    <li>新手入门</li>
                    <li>新手入门</li>
                    <li>服务协议及隐私说明</li>
                    <li>新手入门</li>
                    <li>新手入门</li>
                </ul>
                <ul>
                    <li style="font-size: 20px;color: black;">支付方式</li>
                    <li>新手入门</li>
                    <li>新手入门</li>
                    <li>新手入门</li>
                    <li>新手入门</li>
                    <li>新手入门</li>
                </ul>
                <ul>
                    <li style="font-size: 20px;color: black;">配送服务</li>
                    <li>配送进度查询</li>
                    <li>商品验货及签收</li>
                </ul>
                <ul>
                    <li style="font-size: 20px;color: black;">相关规则</li>
                    <li>新手入门</li>
                    <li>退款货政策</li>
                    <li>新手入门</li>
                    <li>新手入门</li>
                    <li>新手入门</li>
                </ul>
                <p class="fule">
                <ul>
                    加微信查订单
                    <li><img src="./imgs/qryhd.png"></li>
                </ul>

                <ul>
                    app更加优惠
                    <li><img src="./imgs/qryhd.png"></li>
                </ul>
                </p>
            </div>
        </div>
    </div>
    <div style="background-color:  #f4f4f4;margin-top: 260px;">
        <p style="text-align: center;padding: 20px;color: #898989;">沪ICP备XXXXXXXXX号 | 经营证照 |
            互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话：XXX-XXXXXXXX | 沪B2-XXXXXXX |<br />沪公网安备 XXXXXXXXX号 | 友情链接 |
            出版物经营许可证 | 增值电信业务经营许可证</p>


        <p style="text-align: center;padding-bottom:20px ;"><img src="./imgs/xin.jpg">&nbsp;<img
                src="./imgs/xin3.jpg">&nbsp;<img src="./imgs/xin4.png">&nbsp;<img src="./imgs/xin2.png">&nbsp;<img
                src="./imgs/xin5.jpg"></p>
</body>
<script src="./js/jquery.js"></script>
<script src="./js/shoppingcart.js"></script>


</html>